import React from "react";
import {Table, TableTbody, TableTr, TableTh, TableTd} from "@mantine/core";

export const MNConfigDisp = ({
  percentage,
  range,
  adjust,
}: {
  percentage: string;
  range: string;
  adjust: string;
}) => {
  return (
    <Table variant="vertical" layout="fixed">
      <TableTbody>
        <TableTr>
          <TableTh w={160}>算法1、2权重</TableTh>
          <TableTd>{percentage}</TableTd>
        </TableTr>

        <TableTr>
          <TableTh>有效增长率区间</TableTh>
          <TableTd>{range} </TableTd>
        </TableTr>

        <TableTr>
          <TableTh>二次调整系数</TableTh>
          <TableTd>{adjust}</TableTd>
        </TableTr>
      </TableTbody>
    </Table>
  );
};
